window.addEventListener('load', function() {
    //点击删除按钮
    //3. 删除盒子做动画

    var dels = document.querySelectorAll('.delete');
    var winBox = document.querySelector('.win-box');
    var delBox = document.querySelector('.del-box');
    var no = document.querySelector('.no');
    dels.forEach(function(v, i) {
        v.onclick = function() {
            //1. 桶盖打开 open类名
            this.classList.add('open');
            //2. 模态框显示 display :none
            winBox.style.display = 'block';
            //3. 删除盒子做动画
            delBox.classList.add('bounceInDown');
        }
    });
    //点击取消按钮
    //模态框隐藏
    //桶盖闭合
    no.addEventListener('click', function() {
        winBox.style.display = 'none';
        delBox.classList.remove('bounceInDown');
        //把打开的桶盖闭合
        document.querySelector('.open').classList.remove('open');
    });
});